@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
}

*{margin:0;padding:0;}
a{outline:none;text-decoration:none;border:none;list-style:none}
center{margin:0 auto;}
body{
width:100%;font-weight:100;background-color:#000;
   background-position: 50% 50%;
   -webkit-touch-callout: none !important;
			-webkit-user-select: none !important;
			-moz-user-select: none !important;
			-ms-user-select: none !important;
			-o-user-select: none !important;
			user-select: none !important;
font-weight:100px;text-shadow:0px 1px 1px #000;
overflow:hidden;font-size:16px;text-transform:uppercase;font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
}
img{outline:none;border:none}

.wrapper{width:100%;float:left;}
.wallpaper{position:fixed;top:0;left:0;z-index:0;opacity:1}
.left-menu{height:100%;position:fixed;top:0;left:0;z-index:99999999}
.left-menu>ul{position:absolute;height:100%;
	position:fixed;top:0;left:0;box-shadow:0px 1px 1px #000;z-index:1;
	background:rgba(000,000,000,0.8);
}
.left-menu>ul>li{display:block;position:relative;padding:40px 0;margin-top:20px;
transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.left-menu>ul>li>a{color:#222;font-size:16px;padding:5px 20px;box-shadow:0px 0px 1px #aaa;border-radius:1px;background:orange;border-radius:1px;}
.left-menu>ul>li>a:hover{text-decoration:underline;color:#000;}
.content-cuahang{
	position:fixed;
	top:0;
	right:0;
	height:100%;
	width:100%;
	padding-top:0px;
	box-shadow:0px 0px 2px #000;
	text-align:center;
}
.contain{
	width:1000px;padding:0;margin:0 auto;
}	

.body{
	background:rgba(000,000,000,0.8);
	box-shadow:0px 1px 8px #000;
	border-radius:1px;
	padding:50px 20px;
	width:1022px;
	text-align:left;
	position:absolute;
	font-weight:100;
	z-index:9999999;
}
.body>h2>a{
	font-weight:100;color:orange;padding:30px;font-size:80px;clear:both;text-shadow:0px 1px 3px #000;
}
.body>span{position:absolute;padding-top:35px;}
.body>span>a{color:#eee;text-shadow:0px 1px 2px #000;font-size:15px;padding:10px 20px;background-color:#a00;box-shadow:0px 1px 4px #000;}
.active{
	z-index:1 !important;
	display:block !important;
}
.layout-bg{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(000,000,000,0.7);
	background-image: -o-linear-gradient(to top, rgba(000,000,000,0.6) 0%, rgba(111,111,111,0.2)  100%);
	background-image: -moz-linear-gradient(to top, rgba(000,000,000,0.6) 0%, rgba(111,111,111,0.2)  100%);
	background-image: -webkit-linear-gradient(to top, rgba(000,000,000,0.6) 0%, rgba(111,111,111,0.2)  100%);
	background-image: -ms-linear-gradient(to top, rgba(000,000,000,0.6) 0%, rgba(111,111,111,0.2)  100%);
	background-image: linear-gradient(to top, rgba(000,000,000,0.6) 0%, rgba(111,111,111,0.2)  100%);
}
.unhide{
	display:block !important;
}
.hide{
	display:none !important;
}
#sanpham{
	position:absolute;
		padding-right:100px;
	top:180px;
	display:none;
}
#bando{
	position:absolute;
		padding-right:100px;
	top:180px;
	display:none;
}
#xemthem{
	position:absolute;
		padding-right:100px;
	top:180px;
	display:none;
}
#comment{
	position:absolute;
		padding-right:100px;
	top:180px;
	display:none;
}
#lienhe{
	position:absolute;
	padding-right:100px;
	top:180px;
	display:none;
}